// 示例
<template>
    <div class="component-div">
        <!-- 页面标题 -->
        <div class="page-title">
            <!-- 标题文本 -->
            <div class="title-text">
                标题文本
            </div>
            <div class="blue-bar">
        </div>
        <!-- 页面内容 -->
        <div class="page-content">
            <!-- 下面div 的 class自己写，例如class="doctor-management" -->
            <div class="...">
                这里写页面要展示的内容
            </div>
        </div>
      </div>
    </div>
</template>

<style lang="less" scoped>
// .component-div {
//     position: relative;
//     left: 50%;
//     transform: translate(-50%);
//     margin-top: 20px;
//     margin-bottom: 65px;
//     padding-top: 65px;
//     width: 90%;
//     min-height: 500px;
//     background-color: rgb(255, 255, 255);
    
//     .page-title {
//         .blue-bar {
//             position: absolute;
//             left: 20px;
//             top: 25px;
//             width: 6px;
//             height: 20px;
//             background-color: rgba(41, 132, 248, 1);
//             border-radius: 8px;
//         }

//         .title-text {
//             position: absolute;
//             left: 37px;
//             top: 22px;
//             width: 100px;
//             font-size: 18px;
//             font-weight: 500;
//         }
//     }
    
//     .page-content {
//         position: relative;
//         left: 50%;
//         transform: translate(-50%);
//         width: 95%;
//         min-height: 450px;
//     }
// }

</style>